<%@ page contentType="text/html" pageEncoding="UTF-8"%>
<% response.setContentType("text/html; charset=UTF-8");%>
<% request.setCharacterEncoding("utf-8");%>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Thi trắc nghiệm online</title>
        <link rel="stylesheet" href="css/style.css" type="text/css" />
        <script type="text/javascript" src="js/general_functions.js"></script>
        <link rel="stylesheet" href="css/signup.css" type="text/css" />
        <script type="text/javascript" src="js/signup.js"></script>
        <link rel="stylesheet" href="css/jquery-ui-1.8.20.css" type="text/css" />
        <script type="text/javascript" src="js/jquery-1.7.2.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.20.js"></script>
    </head>
    <body>

        <!-- BEGIN Header -->
        <div id="header">
            <div id="header-content">
                <h2 id="slogan">Thi trắc nghiệm online</h2>
            </div>
        </div>
        <!-- END Header -->


        <!-- BEGIN Content -->
        <div id="content">
            <div id="signup_form">
                <table class="uiGrid editor" cellpadding="1" cellspacing="0">
                    <tbody>
                        <tr>
                            <td class="label"><label for="hoten">Họ Tên :</label></td>
                            <td>
                                <div class="field_container">
                                    <input class="inputtext" id="hoten" name="hoten" type="text" size ="30" maxlength="30" title="Họ tên không quá 30 ký tự" placeholder="Họ tên không quá 30 ký tự">
                                    <span class="hint" id="hint_hoten"></span>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="label"><label for="cmnd">CMND :</label></td>
                            <td>
                                <div class="field_container">
                                    <input class="inputtext" id="cmnd" name="cmnd" type="text" size ="30" maxlength="9" title="CMND gồm 9 chữ số" placeholder="CMND gồm 9 chữ số">
                                    <span  class="hint" id="hint_cmnd"></span>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="label"><label for="ngaysinh">Ngày sinh :</label></td>
                            <td>
                                <div class="field_container">
                                    <input class="inputtext" id="ngaysinh" name="ngaysinh" type="text" size ="30" maxlength="10" title="Theo định dạng yyyy-mm-dd" placeholder="Theo định dạng yyyy-mm-dd">
                                    <span  class="hint" id="hint_ngaysinh"></span>
                                    <script type="text/javascript">
                                        $(function() {
                                            $( "#ngaysinh" ).datepicker({
                                                dateFormat: 'yy-mm-dd',
                                                firstDay: 1,
                                                monthNames: ["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],
                                                monthNamesShort: ["Th.1","Th.2","Th.3","Th.4","Th.5","Th.6","Th.7","Th.8","Th.9","Th.10","Th.11","Th.12"],
                                                showOtherMonths: true,
                                                showButtonPanel: true,
                                                selectOtherMonths: false,
                                                closeText: "Close",
                                                dayNames: ["Chủ nhật", "Thứ 2", "Thứ 3", "Thứ 4", "Thứ 5", "Thứ 6", "Thứ 7"],
                                                dayNamesMin: ["CN","T2","T3","T4","T5","T6","T7"],
                                                changeMonth: true,
                                                changeYear: true,
                                                yearRange: (new Date()).getFullYear()-150 + ":" + (new Date()).getFullYear()
                                            });
                                        });
                                    </script>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>
                                <div id="signup_failed"></div>
                                <input class="lable" id="btnSubmit" type="button" value="Đăng ký" style="margin-left: 100px;" onclick="signup_submit();">
                                <br/><br/><a href="login.jsp" style="font-size: 14; margin-left: 100px;"><i>Đăng nhập</i></a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- END Content -->

        <!-- BEGIN footer -->
        <div id="footer">
            <div id="footer-content">
                <div class="footer-left">
                    <p style="text-align: right">
                        &copy; copyright 2006-2011 <strong class="separator">www.styleshout.com</strong>
                    </p>
                </div>
            </div>
        </div>
        <!-- END footer -->

    </body>
</html>
